<!--
 * @Author: ChunLai
 * @Date: 2021-12-21 14:06:47
 * @LastEditTime: 2025-09-10 17:30:09
 * @Description: 代理人声明(非同一人时，被保人年龄小于等于16岁时,展示)
 * @FilePath: \02.bldinsure\src\views\healthy\components\AgentStatement.vue
-->
<template>
  <div class="pop-box">
    <div class="pop-main">
      <div class="pop-title">代理人声明</div>
      <div class="pop-content">
        1、本人已向投保人 {{tbName}}、被保险人 {{bbName}} 提供保险条款，并当面为客户详细解释说明条款所列各项内容及免除保险人责任的事项。
      </div>
      <div class="pop-content">
        2、本人已面晤投保人及被保险人，核对其有效身份证件，并按投保告知要求对其进行健康询问。
      </div>
      <div class="pop-content">
        3、如有不实见证或报告，本人愿承担相应法律责任。
      </div>
      <div class="pop-checkbox">
        <van-checkbox v-model="checkedPop" icon-size="14px" checked-color="#f54040">我已阅读以上声明</van-checkbox>
      </div>
      <div class="pop-btn" @click="sureRead">我已确认</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'demo',
    props:["tbName","bbName"],
    data() {
      return {
        checkedPop: false,
      }
    },
    methods: {
      sureRead() {
        if (this.checkedPop) {
          this.$emit("sureRead")
        } else {
          this.$toast("请确认是否阅读");
        }
      },
    },
  }
</script>

<style lang='less' scoped>
.pop-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;

    .pop-main {
      width: 80%;
      display: flex;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
      padding-bottom: 14px;
      overflow: hidden;
      background-color: #ffffff;

      .pop-title {
        width: 100%;
        text-align: center;
        line-height: 3;
        border-bottom: 1px solid #999;
      }

      .pop-content {
        padding: 10px;
      }

      .pop-checkbox {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 14px;
      }

      .pop-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        height: 30px;
        border-radius: 4px;
        letter-spacing: 2px;
        color: #ffffff;
        background-color: #da251e;
      }
    }
  }
</style>